<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		  div{
			  padding: 40px;
			  height: 400px;
			  width: 300px;
			  margin: 5px;
			  border: 16px solid red;
			  background-image: url(../image/ilove.png);
			  background-repeat: no-repeat;
			  background-color: darkcyan;
		  }
		 
		  #d0{
			  background-size: 40px 40px;
			  
		  }
		  #d1{
			background-size: 100% 100%;  
			background-origin: content-box;
			background-clip: content-box;
		  }
		  #d2{
			  background-size: cover;
			  background-origin: border-box;
			  background-clip: border-box;
			  border-style: dotted;
		  }
		  #d3{
			  background-size: contain;
		  }
		</style>
	</head>
	<body>
		<div id="d0">111</div>
		<div id="d1">222</div>
		<div id="d2">33</div>
		<div id="d3">444</div>
	</body>
</html>
